-
Notifications
You must be signed in to change notification settings - Fork 2
[FRNT-555] feat: implement avatar component #143
Conversation
9221395
to
e1393ab
Compare
src/ui/atoms/avatar/index.tsx
Outdated
height: var(--local-size); | ||
` as StyledComponent<'div', Record<string, unknown>, Size>; | ||
|
||
const imgStyles = css` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Для чего так?
src/ui/atoms/avatar/index.tsx
Outdated
display: flex; | ||
align-items: center; | ||
justify-content: center; | ||
width: var(--local-size); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
можно задать 100%, чтобы аватар занимал весь объем контейнера и выбирать контейнер
src/ui/atoms/avatar/usage.mdx
Outdated
`Avatar` shows user avatar | ||
|
||
### Example | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
мб сделаем пример, когда аватар вложенный компонент?
@rchubarkin порешаешь конфликты? |
7c8df88
to
851c70d
Compare
@sergeysova поправил конфликты |
851c70d
to
30c0160
Compare
src/ui/atoms/avatar/index.tsx
Outdated
|
||
import { useImageLoad } from './use-image-load'; | ||
|
||
const AvatarContainer = styled.div` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Если контейнер не экспортируется наружу, зачем создавать для него отдельный стайлед? Мб сразу стили прописать внутри аватара?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
имеешь ввиду через css и className?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@sergeysova @purplecandle @tatinacher это проблема?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
думаю что возможно лишнее
@rchubarkin пофиксишь конфликты? |
30c0160
to
35d87b6
Compare
35d87b6
to
f1a4276
Compare
No description provided.